<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>01_JS的三种引入方式</title>
    <!--3.引入外部JS代码-->
    <script src="01.js">
        //这里不可以写代码，写了也不会执行
        console.log('哈哈哈哈哈')
    </script>
</head>
<body>
    <!--1.行内写法 onclick在元素上发生了点击事件
        alter()弹窗显示参数内容
        console.log()在前端控制台输出参数内容-->
    <button onclick="alert('请先登录！')"> 点击登录</button>
    <button onclick="console.log('按钮被点击了')"> 点击登录</button>

    <h1 id="aaa">我是一级标题</h1>
    <!--2.内部写法 推荐写在body的结束标签之前，为确保上面的HTML和CSS都加载完毕了！-->
    <script>
        console.log('我是内部JS，我被执行了！');
        console.log(aaa);
    </script>
</body>
</html>